
.dis-flex { display: flex; }
.flex-d-c { flex-direction: column; }
.flex-d-r { flex-direction: row; }
.justify-strat { justify-content: start; }
.justify-around { justify-content: space-around; }
.justify-center { justify-content: center; }
.justify-evenly { justify-content: space-evenly; }
.justify-between { justify-content: space-between; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }

.padding1 { padding: 2upx; }
.padding2 { padding: 4upx; }
.padding3 { padding: 6upx; }
.padding4 { padding: 8upx; }
.padding5 { padding: 10upx; }
.padding6 { padding: 12upx; }
.padding7 { padding: 14upx; }
.padding8 { padding: 16upx; }
.padding9 { padding: 18upx; }
.padding10 { padding: 20upx; }
.padding11 { padding: 22upx; }
.padding12 { padding: 24upx; }
.padding13 { padding: 26upx; }
.padding14 { padding: 28upx; }
.padding15 { padding: 30upx; }
.padding16 { padding: 32upx; }
.padding17 { padding: 34upx; }
.padding18 { padding: 36upx; }
.padding19 { padding: 38upx; }
.padding20 { padding: 40upx; }

.p-l-r-1 { padding: 0 2upx; }
.p-l-r-2 { padding: 0 4upx; }
.p-l-r-3 { padding: 0 6upx; }
.p-l-r-4 { padding: 0 8upx; }
.p-l-r-5 { padding: 0 10upx; }
.p-l-r-6 { padding: 0 12upx; }
.p-l-r-7 { padding: 0 14upx; }
.p-l-r-8 { padding: 0 16upx; }
.p-l-r-9 { padding: 0 18upx; }
.p-l-r-10 { padding: 0 20upx; }
.p-l-r-11 { padding: 0 22upx; }
.p-l-r-12 { padding: 0 24upx; }
.p-l-r-13 { padding: 0 26upx; }
.p-l-r-14 { padding: 0 28upx; }
.p-l-r-15 { padding: 0 30upx; }
.p-l-r-16 { padding: 0 32upx; }
.p-l-r-17 { padding: 0 34upx; }
.p-l-r-18 { padding: 0 36upx; }
.p-l-r-19 { padding: 0 38upx; }
.p-l-r-20 { padding: 0 40upx; }

.p-t-b-1 { padding: 2upx 0; }
.p-t-b-2 { padding: 4upx 0; }
.p-t-b-3 { padding: 6upx 0; }
.p-t-b-4 { padding: 8upx 0; }
.p-t-b-5 { padding: 10upx 0; }
.p-t-b-6 { padding: 12upx 0; }
.p-t-b-7 { padding: 14upx 0; }
.p-t-b-8 { padding: 16upx 0; }
.p-t-b-9 { padding: 18upx 0; }
.p-t-b-10 { padding: 20upx 0; }
.p-t-b-11 { padding: 22upx 0; }
.p-t-b-12 { padding: 24upx 0; }
.p-t-b-13 { padding: 26upx 0; }
.p-t-b-14 { padding: 28upx 0; }
.p-t-b-15 { padding: 30upx 0; }
.p-t-b-16 { padding: 32upx 0; }
.p-t-b-17 { padding: 34upx 0; }
.p-t-b-18 { padding: 36upx 0; }
.p-t-b-19 { padding: 38upx 0; }
.p-t-b-20 { padding: 40upx 0; }

.p-top1 { padding-top: 2upx; }
.p-top2 { padding-top: 4upx; }
.p-top3 { padding-top: 6upx; }
.p-top4 { padding-top: 8upx; }
.p-top5 { padding-top: 10upx; }
.p-top6 { padding-top: 12upx; }
.p-top7 { padding-top: 14upx; }
.p-top8 { padding-top: 16upx; }
.p-top9 { padding-top: 18upx; }
.p-top10 { padding-top: 20upx; }
.p-top11 { padding-top: 22upx; }
.p-top12 { padding-top: 24upx; }
.p-top13 { padding-top: 26upx; }
.p-top14 { padding-top: 28upx; }
.p-top15 { padding-top: 30upx; }
.p-top16 { padding-top: 32upx; }
.p-top17 { padding-top: 34upx; }
.p-top18 { padding-top: 36upx; }
.p-top19 { padding-top: 38upx; }
.p-top20 { padding-top: 40upx; }

.p-btm1 { padding-bottom: 2upx; }
.p-btm2 { padding-bottom: 4upx; }
.p-btm3 { padding-bottom: 6upx; }
.p-btm4 { padding-bottom: 8upx; }
.p-btm5 { padding-bottom: 10upx; }
.p-btm6 { padding-bottom: 12upx; }
.p-btm7 { padding-bottom: 14upx; }
.p-btm8 { padding-bottom: 16upx; }
.p-btm9 { padding-bottom: 18upx; }
.p-btm10 { padding-bottom: 20upx; }
.p-btm11 { padding-bottom: 22upx; }
.p-btm12 { padding-bottom: 24upx; }
.p-btm13 { padding-bottom: 26upx; }
.p-btm14 { padding-bottom: 28upx; }
.p-btm15 { padding-bottom: 30upx; }
.p-btm16 { padding-bottom: 32upx; }
.p-btm17 { padding-bottom: 34upx; }
.p-btm18 { padding-bottom: 36upx; }
.p-btm19 { padding-bottom: 38upx; }
.p-btm20 { padding-bottom: 40upx; }


.margin1 { margin: 2upx; }
.margin2 { margin: 4upx; }
.margin3 { margin: 6upx; }
.margin4 { margin: 8upx; }
.margin5 { margin: 10upx; }
.margin6 { margin: 12upx; }
.margin7 { margin: 14upx; }
.margin8 { margin: 16upx; }
.margin9 { margin: 18upx; }
.margin10 { margin: 20upx; }
.margin11 { margin: 22upx; }
.margin12 { margin: 24upx; }
.margin13 { margin: 26upx; }
.margin14 { margin: 28upx; }
.margin15 { margin: 30upx; }
.margin16 { margin: 32upx; }
.margin17 { margin: 34upx; }
.margin18 { margin: 36upx; }
.margin19 { margin: 38upx; }
.margin20 { margin: 40upx; }

.m-left1 { margin-left: 2upx; }
.m-left2 { margin-left: 4upx; }
.m-left3 { margin-left: 6upx; }
.m-left4 { margin-left: 8upx; }
.m-left5 { margin-left: 10upx; }
.m-left6 { margin-left: 12upx; }
.m-left7 { margin-left: 14upx; }
.m-left8 { margin-left: 16upx; }
.m-left9 { margin-left: 18upx; }
.m-left10 { margin-left: 20upx; }
.m-left11 { margin-left: 22upx; }
.m-left12 { margin-left: 24upx; }
.m-left13 { margin-left: 26upx; }
.m-left14 { margin-left: 28upx; }
.m-left15 { margin-left: 30upx; }
.m-left16 { margin-left: 32upx; }
.m-left17 { margin-left: 34upx; }
.m-left18 { margin-left: 36upx; }
.m-left19 { margin-left: 38upx; }
.m-left20 { margin-left: 40upx; }

.m-right1 { margin-right: 2upx; }
.m-right2 { margin-right: 4upx; }
.m-right3 { margin-right: 6upx; }
.m-right4 { margin-right: 8upx; }
.m-right5 { margin-right: 10upx; }
.m-right6 { margin-right: 12upx; }
.m-right7 { margin-right: 14upx; }
.m-right8 { margin-right: 16upx; }
.m-right9 { margin-right: 18upx; }
.m-right10 { margin-right: 20upx; }
.m-right11 { margin-right: 22upx; }
.m-right12 { margin-right: 24upx; }
.m-right13 { margin-right: 26upx; }
.m-right14 { margin-right: 28upx; }
.m-right15 { margin-right: 30upx; }
.m-right16 { margin-right: 32upx; }
.m-right17 { margin-right: 34upx; }
.m-right18 { margin-right: 36upx; }
.m-right19 { margin-right: 38upx; }
.m-right20 { margin-right: 40upx; }

.m-top1 { margin-top: 2upx; }
.m-top2 { margin-top: 4upx; }
.m-top3 { margin-top: 6upx; }
.m-top4 { margin-top: 8upx; }
.m-top5 { margin-top: 10upx; }
.m-top6 { margin-top: 12upx; }
.m-top7 { margin-top: 14upx; }
.m-top8 { margin-top: 16upx; }
.m-top9 { margin-top: 18upx; }
.m-top10 { margin-top: 20upx; }
.m-top11 { margin-top: 22upx; }
.m-top12 { margin-top: 24upx; }
.m-top13 { margin-top: 26upx; }
.m-top14 { margin-top: 28upx; }
.m-top15 { margin-top: 30upx; }
.m-top16 { margin-top: 32upx; }
.m-top17 { margin-top: 34upx; }
.m-top18 { margin-top: 36upx; }
.m-top19 { margin-top: 38upx; }
.m-top20 { margin-top: 40upx; }

.m-btm1 { margin-bottom: 2upx; }
.m-btm2 { margin-bottom: 4upx; }
.m-btm3 { margin-bottom: 6upx; }
.m-btm4 { margin-bottom: 8upx; }
.m-btm5 { margin-bottom: 10upx; }
.m-btm6 { margin-bottom: 12upx; }
.m-btm7 { margin-bottom: 14upx; }
.m-btm8 { margin-bottom: 16upx; }
.m-btm9 { margin-bottom: 18upx; }
.m-btm10 { margin-bottom: 20upx; }
.m-btm11 { margin-bottom: 22upx; }
.m-btm12 { margin-bottom: 24upx; }
.m-btm13 { margin-bottom: 26upx; }
.m-btm14 { margin-bottom: 28upx; }
.m-btm15 { margin-bottom: 30upx; }
.m-btm16 { margin-bottom: 32upx; }
.m-btm17 { margin-bottom: 34upx; }
.m-btm18 { margin-bottom: 36upx; }
.m-btm19 { margin-bottom: 38upx; }
.m-btm20 { margin-bottom: 40upx; }


.m-l-r-1 { margin: 0 2upx; }
.m-l-r-2 { margin: 0 4upx; }
.m-l-r-3 { margin: 0 6upx; }
.m-l-r-4 { margin: 0 8upx; }
.m-l-r-5 { margin: 0 10upx; }
.m-l-r-6 { margin: 0 12upx; }
.m-l-r-7 { margin: 0 14upx; }
.m-l-r-8 { margin: 0 16upx; }
.m-l-r-9 { margin: 0 18upx; }
.m-l-r-10 { margin: 0 20upx; }
.m-l-r-11 { margin: 0 22upx; }
.m-l-r-12 { margin: 0 24upx; }
.m-l-r-13 { margin: 0 26upx; }
.m-l-r-14 { margin: 0 28upx; }
.m-l-r-15 { margin: 0 30upx; }
.m-l-r-16 { margin: 0 32upx; }
.m-l-r-17 { margin: 0 34upx; }
.m-l-r-18 { margin: 0 36upx; }
.m-l-r-19 { margin: 0 38upx; }
.m-l-r-20 { margin: 0 40upx; }
.m-l-r-auto { margin: 0 auto; }

.m-t-b-1 { margin: 2upx 0; }
.m-t-b-2 { margin: 4upx 0; }
.m-t-b-3 { margin: 6upx 0; }
.m-t-b-4 { margin: 8upx 0; }
.m-t-b-5 { margin: 10upx 0; }
.m-t-b-6 { margin: 12upx 0; }
.m-t-b-7 { margin: 14upx 0; }
.m-t-b-8 { margin: 16upx 0; }
.m-t-b-9 { margin: 18upx 0; }
.m-t-b-10 { margin: 20upx 0; }
.m-t-b-11 { margin: 22upx 0; }
.m-t-b-12 { margin: 24upx 0; }
.m-t-b-13 { margin: 26upx 0; }
.m-t-b-14 { margin: 28upx 0; }
.m-t-b-15 { margin: 30upx 0; }
.m-t-b-16 { margin: 32upx 0; }
.m-t-b-17 { margin: 34upx 0; }
.m-t-b-18 { margin: 36upx 0; }
.m-t-b-19 { margin: 38upx 0; }
.m-t-b-20 { margin: 40upx 0; }

.f-12 { font-size: 24upx; }
.f-13 { font-size: 26upx; }
.f-14 { font-size: 28upx; }
.f-15 { font-size: 30upx; }
.f-16 { font-size: 32upx; }
.f-17 { font-size: 34upx; }
.f-18 { font-size: 36upx; }
.f-19 { font-size: 38upx; }
.f-20 { font-size: 40upx; }
.f-21 { font-size: 42upx; }
.f-22 { font-size: 44upx; }
.f-23 { font-size: 46upx; }
.f-24 { font-size: 48upx; }
.f-25 { font-size: 50upx; }
.f-26 { font-size: 52upx; }
.f-27 { font-size: 54upx; }
.f-28 { font-size: 56upx; }
.f-29 { font-size: 58upx; }
.f-30 { font-size: 60upx; }
.f-31 { font-size: 62upx; }
.f-32 { font-size: 64upx; }
.f-33 { font-size: 66upx; }
.f-34 { font-size: 68upx; }
.f-35 { font-size: 70upx; }
.f-36 { font-size: 72upx; }
.f-37 { font-size: 74upx; }
.f-38 { font-size: 76upx; }
.f-39 { font-size: 78upx; }
.f-40 { font-size: 80upx; }

.col-0 { color: #000; }
.col-3 { color: #333; }
.col-8 { color: #888; }
.col-9 { color: #999; }
.col-f { color: #fff; }
.col-red { color: red; }
.col-blue { color: blue; }
.col-green { color: green; }
.col-yellow { color: yellow; }
.col-pink { color: pink; }
.col-rgba { color: rgba(0,0,0,0.5); }

.f-w-6 { font-weight: 600; }
.text-align-center { text-align: center; }

.bg-color-red { background-color: red; }
.bg-color-yellow { background-color: yellow; }
.bg-color-blue { background-color: blue; }
.bg-color-green { background-color: green; }
.bg-color-orange { background-color: orange; }

/* 单行超出隐藏显示省略号 */
.line-hideen { height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
